<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="txt">
		<input type="button" value="删除li" id="deleteBtn">
		<input type="button" value="创建li" id="addBtn">
		<ul id="ul">
			
		</ul>
		<script>
			var txt=document.getElementById('txt');
			var delBtn=document.getElementById('deleteBtn');
			var addBtn=document.getElementById('addBtn');
			var ul=document.getElementById('ul');
			//给按钮添加点击事件
			addBtn.onclick=function(){
				/*
				 * 1 创建li节点
				 * 2 li的内容赋值
				 * 把li添加到ul的最后一个节点
				 */
				var li=document.createElement('li');
				li.innerHTML=txt.value;
				ul.appendChild(li);
			};
			delBtn.onclick=function(){
				ul.lastElementChild.remove();
			};
		</script>
	</body>
</html>
